/* svg图标通用样式 */
.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  color: #909090;
}
body {
  background-color: #f3f3f3;
}
.text-color {
  color: #909090;
}
.f25 {
  font-size: 25rpx;
}
.w24 {
  width: 24rpx;
}
.h24 {
  height: 24rpx;
}
.mr10 {
  margin-right: 10rpx;
}
.mr12 {
  margin-right: 12rpx;
}
.mr16 {
  margin-right: 16rpx;
}
.mr18 {
  margin-right: 18rpx;
}
.mr20 {
  margin-right: 20rpx;
}
.mr24 {
  margin-right: 24rpx;
}
.mb16 {
  margin-bottom: 16rpx;
}
.mb20 {
  margin-bottom: 20rpx;
}
.mb30 {
  margin-bottom: 30rpx;
}
.mt10 {
  margin-top: 10rpx;
}
.flex {
  display: flex;
}
.aic {
  align-items: center;
}
.jcc {
  justify-content: center;
}
.jcs {
  justify-content: space-between;
}
.aie {
  align-items: flex-end;
}
.fdc {
  flex-direction: column;
}
.tac {
  text-align: center;
}
.fww {
  flex-wrap: wrap;
}

/* 全局通用样式 */
html,
body {
  font-size: 30rpx !important;
  font-family: Microsoft YaHei;
  color: #222;
	line-height: normal !important;
}

/* 通用容器 */
.comm-container {
  padding: 32rpx 16rpx 32rpx;
}
/* 列表页面搜索区域通用样式 */
.list-search-container {
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 6rpx;
  margin-bottom: 20rpx;
  input {
    flex: 1;
    height: 64upx;
    line-height: 64upx;
    font-size: 30upx;
  }
  .clear {
    margin-right: 20rpx;
    color: #ccc;
  }
  .arrow {
    width: 60rpx;
  }
}

.comm-card-container {
  // width: 100%;
  background: #fff;
  border-radius: 6rpx;
  margin-bottom: 16rpx;
  padding: 18rpx 32rpx 32rpx;
  .title {
    font-size: 32rpx;
    color: #000;
    margin-bottom: 46rpx;
  }
}
// 筛选卡片
.filter-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30rpx;
  .filter-title {
    font-size: 32rpx;
    color: #000;
  }
  .search-more {
    display: flex;
    .filter-text {
      font-size: 28rpx;
      color: #909090;
    }
  }
}
.choose-area {
  display: flex;
  .filter-text {
    display: flex;
    align-items: center;
    .filter-content {
      font-size: 28rpx;
      color: #222;
      margin-right: 20rpx;
    }
  }
}
/* 列表通用样式 */
.comm-list-container {
  // 无搜索结果样式
  .result-tip {
    text-align: center;
    font-size: 28rpx;
    color: #909090;
    padding: 30rpx 0;
  }
  .card-item {
    width: 100%;
    background: #fff;
    margin-bottom: 16rpx;
    border-radius: 6rpx;
    .header {
      margin-left: 32rpx;
      border-bottom: 1rpx solid #d0d5dc;
      padding: 22rpx 0 22rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .header-left {
        display: flex;
        align-items: center;
        .header-icon {
          width: 32rpx;
          height: 32rpx;
          margin-right: 18rpx;
        }
        .header-title {
          font-size: 32rpx;
          color: #000;
        }
        .header-tag {
          padding: 0rpx 12rpx;
          text-align: center;
          font-size: 18rpx;
          height: 30rpx;
          line-height: 30rpx;
          border-radius: 3rpx;
        }
        .header-blue-tag {
          background: #cdd6eb;
          color: #0c3190;
        }
        .header-green-tag {
          background: #c8eae2;
          color: #0c9070;
        }
        .header-red-tag {
          color: #ff0000;
          background: #ffc9cb;
          padding: 0 6rpx;
          margin-left: 12rpx;
        }
      }
      .header-right {
        font-size: 24rpx;
        color: #ff0000;
        margin-right: 20rpx;
      }
    }
    .body {
      font-size: 28rpx;
      color: #222;
      line-height: 50rpx;
      margin-left: 80rpx;
      padding: 16rpx 0 16rpx;
      border-bottom: 1rpx solid #d0d5dc;
    }
    .footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20rpx 8rpx 20rpx 74rpx;
      .icon-detail {
        width: 24rpx;
        height: 24rpx;
        margin-right: 10rpx;
      }
      .btn-text {
        font-size: 28rpx;
        color: #222;
      }
    }
  }
}

/* 详情页标题 */
.baseMsgTitle {
  width: 100%;
  height: 92rpx;
  background: #ffffff;
  display: flex;
  align-items: center;
  margin-bottom: 10rpx;
  padding-right: 34rpx;
  // 蓝色icon图标
  .markImg {
    width: 26rpx;
    height: 27rpx;
    margin: 0 16rpx;
  }
  // 头部标题
  .header-title {
    font-size: 32rpx;
    font-weight: 400;
    color: #000;
  }
  .header-ask {
    width: 30rpx;
    height: 30rpx;
    background: #ffc9cb;
    border-radius: 3rpx;
    font-size: 18rpx;
    font-weight: 400;
    color: #ff0101;
    line-height: 30rpx;
    text-align: center;
    margin-left: 8rpx;
  }
  // 头部标签
  .header-green-tag {
    padding: 0rpx 12rpx;
    background: #c8eae2;
    color: #0c9070;
    text-align: center;
    font-size: 18rpx;
    height: 30rpx;
    line-height: 30rpx;
    border-radius: 3rpx;
    margin-left: 16rpx;
  }
  .header-right {
    font-size: 28rpx;
    color: #ff0000;
  }
}
/* 款式列表通用样式 */
.style-container {
  padding: 5rpx 16rpx 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.style-list {
  width: 350rpx;
  background: #fff;
  margin-bottom: 15rpx;
  border-radius: 6rpx;
  padding: 10rpx 16rpx 22rpx;
  .style-title {
    font-size: 30rpx;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1e293a;
    margin-top: 20rpx;
  }
  .date {
    font-size: 20rpx;
    color: #909090;
  }
  .problem-tag {
    color: #ff0000;
    background: #ffc9cb;
    padding: 5rpx 0;
    border: 1rpx solid #ff0000;
    border-radius: 3rpx;
    text-align: center;
    width: 28rpx;
    font-size: 18rpx;
    line-break: 18rpx;
    margin-right: 6rpx;
  }
  // 状态标签样式
  .status-tag {
    border-radius: 3rpx;
    width: 78rpx;
    text-align: center;
    font-size: 18rpx;
    padding: 5rpx 0;
  }
  .crop-tag {
    color: #c7be4b;
    border: 1px solid #c7be4b;
    background: #f9f8eb;
  }
  .completed-tag {
    color: #ff0000;
    border: 1px solid #ff0000;
    background: #ffe4e4;
  }
  .sew-tag {
    color: #cbab5c;
    border: 1px solid #cbab5c;
    background: #faf6ed;
  }
  .iron-tag {
    color: #c34ccb;
    border: 1px solid #c34ccb;
    background: #fcecfb;
  }
  .package-tag {
    color: #47c9c0;
    border: 1px solid #47c9c0;
    background: #e9faf9;
  }
  .send-tag {
    color: #3d6db7;
    border: 1px solid #3d6db7;
    background: #eaf0f8;
  }
}


.glm-banner {
	position: relative;
	.bg {
		width: 100%;
	}
	.img {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 400rpx;
	}
} 